/*Used for applying style to a <span> so it looks like a highlight*/
.fauxHighlight {
  background-color: rgb(0, 255, 0);
  color: rgb(0, 255, 0) !important;
}

.fauxHighlightSquare {
  background-color: rgb(0, 255, 0);
  color: rgb(0, 255, 0) !important;
}

.opaqueHighlight {
  -webkit-tap-highlight-color: rgb(0, 255, 0);
}

.target {
  cursor: pointer;  /* enables link highlighting */
  -webkit-tap-highlight-color: rgb(0, 255, 0);
  border: 2px solid grey;
  box-sizing: border-box;
}

.transparentHighlight {
  -webkit-tap-highlight-color: rgba(0, 255, 0, 0.5);
}

a, a:active, a:visited {
  text-decoration: none;
  color: blue;
}

/*Used for a floating DIV simulating a highlight*/
.highlightDiv {
  background-color: rgb(0, 255, 0);
  z-index: 1;
  position: absolute;
}

.squaredHighlight {
  -webkit-border-radius: 0px;
}

.composited {
  will-change: transform;
  transform: translateZ(0);
}
